<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="layout" content="main-juego" />
</head>
<body>
<div style="width: 90%; padding: 15pt;">
		<div class="clearfix content-heading"></div>
			<div>
				<label>Tipo:</label>
				${jardinZen.jardinZen.tipo}<br>
				<label>Recursos:</label> 
				${jardinZen.jardin.recursos}
			</div>
			<br>
			<div>
				<table class="table table-striped table-bordered table-hover table-condensed">
					<thead>
						<g:sortableColumn property="nombre" title="Nombre" />
						<g:sortableColumn property="ataque" title="Ataque" />
						<g:sortableColumn property="defensa" title="Defensa" />
						<g:sortableColumn property="descricpion" title="Descripción" />
					</thead>
					<tbody>
						<g:each in="${jardinZen.jardinZen.plantines}" status="i" var="plantin">
							<tr>
								<td>${plantin.nombre}</td>
								<td>${plantin.descripcion}</td>
								<td>${plantin.ataque}</td>
								<td>${plantin.defensa}</td>
							</tr>
						</g:each>
					</tbody>
				</table>
				<a href="jardinZen?id=${params.id}" class="btn btn-primary" style="color: #fff">Ir al Zen de ${jardin.jardin.tiposPosibles.get(params.id)}</a> 
			</div>
			<div>
			
			</div>
</div>
</body>
</html>